/**
 * Created by wsx on 2017/1/6.
 */
// $(function(){
//     $("#upload").click(function(){
//
//         var formdata = new FormData();
//         formdata.append("fdesc", $("#fdesc").val());
//         formdata.append("file", $("#file")[0].files[0]);
//         $.ajax({
//             url:"/uploadfile",
//             type:"POST",
//             data:formdata,
//             cache: false,
//             processData: false,
//             contentType: false,
//             success:function(data){
//                 alert(data);
//             }
//         });
//     });
// });
$(function(){
    $("#upload").click(function(){
        var formdata = new FormData();
        formdata.append("fdesc", $("#fdesc").val());
        formdata.append("file", $("#file")[0].files[0]);
        var xhr = new XMLHttpRequest();
        xhr.open("post", "/uploadfile", true);
        xhr.onload = function () {
            // alert("上传完成!");
        };
        xhr.upload.addEventListener("progress", progressFunction, false);
        xhr.send(formdata);
    });
    function progressFunction(evt) {
        var progressBar = document.getElementById("progressBar");
        var percentageDiv = document.getElementById("percentage");
        if (evt.lengthComputable) {
            progressBar.max = evt.total;
            progressBar.value = evt.loaded;
            percentageDiv.innerHTML = "已经上传"+Math.round(evt.loaded / evt.total * 100) + "%";
            if(evt.loaded==evt.total){
                percentageDiv.innerHTML = "上传完成100%";
            }
        }
    }
});